<!DOCTYPE html>
<html style="font-size:0px">

<head>
  <title>彩龙会务_手机版_登录页面</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  <script type="text/javascript">
  (function(doc, win) {
    var docEl = doc.documentElement,
      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
      recalc = function() {
        var clientWidth = docEl.clientWidth;
        if (!clientWidth) return;
        var ft = 320 / 10.8 * (clientWidth / 320);
        docEl.style.fontSize = (ft > 65 ? 65 : ft) + 'px';
      };
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
  })(document, window);
  </script>
  <link rel="stylesheet" href="../js/css/layui.css" media="all">
  <link rel="stylesheet" href="../css/phone.css">
</head>

<body id="view_signIn">
  <!-- common_header begin -->
  <div id="header">
    <a href="#" class="goback"><i class="icon icon-arrowL"></i></a>
    <h1>登录</h1>
  </div>
  <!-- common_header end -->
  <!-- sec1 begin -->
  <div class="section sec1">
    <div class="wrap">
      <div class="hd">
        <div class="tabmenu tabmenu-password on"><span>密码登录</span></div>
        <div class="tabmenu tabmenu-code"><span>验证码登录</span></div>
      </div>
      <!-- 表单 begin -->
      <div class="bd">
        <form action="" class="layui-form form1">
          <div class="line line-phone">
            <input class="cl-input input-phone" type="text" placeholder="手机号码" lay-verify="phone">
          </div>
          <div class="line line-password">
            <input class="cl-input input-password" type="text" placeholder="密码" lay-verify="pass">
          </div>
          <div class="line line-reset">
            忘记密码?<a href="#">重置密码</a>
          </div>
          <div class="line line-submit">
            <button lay-submit class="cl-btn" lay-filter="signInByPass">登录</button>
          </div>
          <div class="line line-signup">
            没有账号?<a href="#">注册账号</a>
          </div>
        </form>
        <form action="" class="layui-form form2">
          <div class="line line-phone">
            <input class="cl-input input-phone" type="text" placeholder="手机号码" lay-verify="phone">
          </div>
          <div class="line line-code">
            <input class="cl-input input-code" type="text" placeholder="请输入验证码" lay-verify="code">
            <div class="btn-getcode">点击获取验证码</div>
          </div>
          <div class="line line-reset">
            忘记密码?<a href="#">重置密码</a>
          </div>
          <div class="line line-submit">
            <button lay-submit class="cl-btn" lay-filter="signInByCode">登录</button>
          </div>
          <div class="line line-signup">
            没有账号?<a href="#">注册账号</a>
          </div>
        </form>
      </div>
      <!-- 表单 end -->
    </div>
  </div>
  <!-- sec1 end -->
  <script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
  <script type="text/javascript" src="../js/layui.js"></script>
  <script>
  layui.config({
    base: '../js/' //你的模块目录
  }).use('phoneApp', function() {
    var myApp = layui.phoneApp;
    myApp.init();
  }); //加载入口
  </script>
</body>

</html>
